<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<body>
	<ui:composition template="/MenuTemplate.xhtml">
		<ui:define name="content">
			<p:layout style="height: auto;">
				<p:layoutUnit position="center">
					<f:view>
						<p:ajaxStatus onstart="statusDialog.show();"
							onsuccess="statusDialog.hide();" />
						<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
							draggable="false" closable="false">
							<p:graphicImage
								value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
						</p:dialog>

						<div id="logo" align="center">
							<h:form id="form">
								<p:growl id="men" sticky="true" />
								<p:panel id="td" header="Anexos Pqr">
									<p:dataTable var="car" value="#{anexosPqrView.data}"
										id="listaTDo" editable="true" scrollable="true"
										scrollHeight="300" filteredValue="#{anexosPqrView.data}">
										<p:ajax event="rowEdit" listener="#{anexosPqrView.onEdit}" />
										<p:ajax event="rowEditCancel"
											listener="#{anexosPqrView.onCancel}" />

										<p:column headerText="Editar" style="width: 30px">
											<p:rowEditor />
										</p:column>

										<p:column headerText="Descripción" style="width: 100px"
											filterBy="descripcionAnexo">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.descripcionAnexo}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.descripcionAnexo}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Estado del Registro"
											style="width: 100px" filterBy="estadoRegistro"
											filterOptions="#{anexosPqrView.manufacturerOptions}"
											filterMatchMode="exact">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputText value="#{car.estadoRegistro}" />
												</f:facet>
												<f:facet name="input">
													<h:selectOneMenu value="#{anexosPqrView.estadoRegistro}">
														<f:selectItem itemLabel="Activo" itemValue="A" />
														<f:selectItem itemLabel="Retirado" itemValue="R" />
													</h:selectOneMenu>
												</f:facet>
											</p:cellEditor>
										</p:column>

										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Crear"
												icon="ui-icon-newwin" update=":form"
												oncomplete="PF('carDialog').show()" />

										</f:facet>
									</p:dataTable>

									<!--		Ventana emergente          -->

									<p:dialog id="dialog" header="Anexos Pqr" widgetVar="carDialog"
										resizable="false" width="500" showEffect="clip"
										hideEffect="fold">

										<h:panelGrid columns="2" id="panel">

											<h:outputText id="msgDescripcion" value=" Descripción*:" />
											<p:inputTextarea id="txtDescripcionMotSol" rows="10"
												cols="30" binding="#{anexosPqrView.txtDescripcionAnexo}"
												maxlength="50" />

											<h:outputText id="msgEstadoRegistro" value=" Estado*:" />
											<p:selectOneMenu id="estado"
												binding="#{anexosPqrView.estado}"
												value="#{anexosPqrView.estadoRegistro}">
												<f:selectItem itemLabel="Activo" itemValue="A" />
												<f:selectItem itemLabel="Retirado" itemValue="R" />
											</p:selectOneMenu>
										</h:panelGrid>

										<p:separator id="separator" />

										<h:panelGrid id="panelBotones" columns="1">

											<p:commandButton id="btnSave" value="Guardar"
												action="#{anexosPqrView.action_create}"
												binding="#{anexosPqrView.btnSave}" icon="ui-icon-disk"
												update="listaTDo,panel,panelBotones,men" />
										</h:panelGrid>
									</p:dialog>
								</p:panel>
							</h:form>
						</div>
					</f:view>
				</p:layoutUnit>
			</p:layout>
		</ui:define>
	</ui:composition>
</body>
</html>
